@charset "utf-8";
@import "public.css";

$c2:#ff3893;

.margin{
    width: 1100px;
    margin: 0 auto;
}

#login{
    margin-top: 100px;
    background: url(../images/bg.png) no-repeat left 90px;
    width: 965px;
    height: 502px;
    position: relative;
    .logo{
        margin-left: 20px;
    }
    .box{
        position: absolute;
        left: 610px;
        top: 92px;
        width: 304px;
        box-shadow: 0 0 4px rgba(0,0,0,.075);
        padding: 0 20px 20px 20px;
    }
    .one{
        margin-bottom: 80px;
        span{
            color: $c2;
            font: 20px/60px "";
        }
        i{
            font: 12px/60px "";
            color: $c2;
        }
        a{
            color: #666;
            font: 12px/60px "";
        }
        a:hover{
            color: $c2;
        }
        .log{
            float: left;
        }
        .lno{
            float: right;
        }
    }
    .two{
        .phone{
            height: 54px;
        }
        .inp{
            position: relative;
            background-color: #FFF;
            border: 1px solid #CFCFCF;
            box-shadow: 0 0 2px 1px rgba(207,207,207,.4);
            height: 39px;
            .icon{
                background: url(../images/t18.png) no-repeat;
                background-position: -37px -10px;
                display: block;
                height: 22px;
                position: absolute;
                top: 7px;
                width: 38px;
                z-index: 1;
            }
            input{
                    border: 0 none;
                    color: #000;
                    font-size: 14px;
                    line-height: 1.5;
                    overflow: hidden;
                    padding: 8px 8px 8px 38px;
                    position: relative;
                    width: 256px;
            }
        }
        .mess{
            margin-top: 5px;
            height: 58px;
            .inp{
                margin-right: 10px;
                font-size: 12px;
                float: left;
                width: 146px;
                input{
                    overflow: hidden;
                    padding: 8px 8px 8px 10px;
                    width: 128px;
                    vertical-align: middle;
                }
            }
            a{
                float: left;
                background: linear-gradient(to bottom,#fcfcfc,#f2f2f2);
                border: 1px solid #d9d9d9;
                cursor: pointer;
                padding: 0 8px;
                line-height: 39px;
                height: 39px;
                font-weight: 700;
                color: #666;
                text-align: center;
                width: 128px;
            }
            .warm{
                height: 16px;
                clear: both;
                display: none;
            }
        }
        .warm{
            color: #E42626;
//          display: none;
            line-height: 18px;
            padding: 2px 0 2px 3px;
            border: 1px solid #ffbdbf;
            background: #ffebec;
            width: 299px;
            position: relative;
            z-index: 10;
            font-size: 12px;
        }
        .phone{
            .warm{
                top: -65px;
                display: none;
            }
        }
        .btn{
            margin-top: 10px;
            .logbtn{
                background: $c2;
                border-radius: 2px;
                display: inline-block;
                padding: 5px 14px;
                font: 700 20px/30px "";
                color: #fff;
                width: 276px;
                text-align: center;
            }
        }
    }
    .three{
        margin-top: 15px;
        line-height: 24px;
        p{
            color: #066666;
            float: left;
        }
        a{
            float: left;
            border-radius: 24px;
            margin: 0 3px;
        }
        .wx{
            background: url(../images/wx.png) no-repeat center;
            width: 24px;
            height: 24px;
        }
        .wb{
            background: url(../images/wb.png) no-repeat center;
            width: 24px;
            height: 24px;
        }
    }
}
.text{
    margin-top: 30px;
    text-align: center;
    padding: 30px;
    font: 12px/22px "";
    color: #ccc;
}

